<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>item1</li>
			<li>item2</li>
			<li>item3</li>
			<li>item4</li>
			<li>item5</li>
			<li>item6</li>
			<li>item7</li>
		</ul>
		<script type="text/javascript">
			let olis = document.querySelectorAll('li')
			//  this 指向一个对象，调用这个函数的主体对象 （上下文）
			// for (let i = 0; i < olis.length; i++) {
			// 	olis[i].addEventListener('mouseenter',function(){
			// 		for (let i = 0; i < olis.length; i++) {
			// 			olis[i].style.backgroundColor = ''
			// 			olis[i].style.color = '#000000'
			// 		}
			// 		console.log(this);
			// 		this.style.backgroundColor = '#ff6700';
			// 		this.style.color = '#FFFFFF'
			// 	})
			// }
			
			// function sum (){
			// 	console.log(this);
			// }
			// sum()
			
			let obj = {
				name:'小明',
				age:18,
				sayHello:function(){
					console.log(`大家好，我是${this.name}`);
				}
			}
			obj.sayHello()
			
			var name = '小芳'
			// 我们使用var关键字声明变量,就相当于你给window添加了一个name属性 ,let 不是在window里添加一个属性
			console.log(window.name);
			function sayHello(){
				console.log(`大家好，我是${this.name}`);
			}
			window.sayHello()
		</script>
		
		
	</body>
</html>
